<?php session_start();

// initial values
if(!isset($_SESSION['name']))
{
  $_SESSION['name'] = 'Alex';
  $_SESSION['surname'] = 'Raskin';
}


// if post submited
if( count($_POST) > 0)
{
  $_SESSION = array_merge($_SESSION, $_POST);
  die('return no values');
}

?>

<table id="editable">
  <tr>
    <td>name</td>
    <td class='editable' data-var="name"><?=$_SESSION['name']?></td>
  </tr>
  <tr>
    <td>surname</td>
    <td class='editable' data-var="surname"><?=$_SESSION['surname']?></td>
  </tr>
</table>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>

$(document).ready(function(){

  $('#editable').on('click', 'td.editable', {}, function(ev){
    var td = $(this);
    var tdtext = td.text();
    var tdvarname = td.attr('data-var');

    td.html( "<input type='text' name='"+tdvarname+"' value='"+tdtext+"' />");
    td.children('input').focus();
  } );


  $('#editable').on('blur', 'td.editable input', {}, function(ev){
    var input = $(this);
    var td = input.parent();

    var data = {};
    data[input.attr('name')] = input.val();

    $.post('', data);
    td.text(input.val());
  });


});

</script>